<template>
    <div class="row">
        <div class=" col-md-2 " v-for="x in imgjo" :key="x.url">
             <a href="javastript:void(0)">   <img  :src="x.url" alt="x.tag"><p>{{x.tag}}</p></a>

        </div>
        
    </div>
</template>
<script>
export default {
  data() {
    return {
      imgjo:[
         {url:"../../static/image/007.jpg",
            
            tag:"jolin"},
         {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
           {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
           {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
           {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          {url:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1557565930&di=3b320d101f80735063e622e075924cae&imgtype=jpg&er=1&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201502%2F25%2F20150225203841_Fr5V3.thumb.700_0.jpeg",
          tag:"jolin"},
          
          
          
          
          
          ]
    }
  },
  methods: {
    // getinagejson(){
    //   this.$http.get(image.json).then(function(res){
    //     this.imgjo=res.body
     // })
   // }
 }
};
</script>

<style  scoped>
    .col-md-2{
    height: 280px;
    width: 140px;
    margin-top: 8px;

}
img{
    height: 240px;
    max-width: 100%;
    max-height: 100%;
}
</style>